<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <title>答题神奇测试版本</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="applicable-device" content="pc"/>
    <link rel="stylesheet" href="../../css/common/layui.css" media="all"/>
    <link rel="stylesheet" href="../../css/app-show/searsh/global.css" media="all"/>
    <script src="../../js/app-show/search/push.js"></script>
    <script src="../../js/app-show/search/hm.js"></script>
    <link id="layuicss-layer" rel="stylesheet" href="../../css/common/layer.css" media="all"/>
</head>
<body class="site-home" id="LAY_home" style="background-color: #FFF;">
<div class="layui-header header header-index">
    <div class="layui-main">
        <a class="logo" href="#">
            <big>答题小萌萌萌帝</big>
        </a>

        <ul class="layui-nav">
            <li class="layui-nav-item layui-this">
                <a href="#">冲顶大会</a>
            </li>
            <li class="layui-nav-item ">
                <a href="">西瓜答题</a>
            </li>

            <li class="layui-nav-item">
                <a href="">别的答题</a>
            </li>

            <span class="layui-nav-bar" style="left: 128px; top: 55px; width: 0px; opacity: 0;"></span></ul>
    </div>
</div>

<div class="site-banner">
    <div id="canvas" class="gradient"
         style="background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb(52, 213, 150)), to(rgb(164, 84, 120)));">
        <canvas width="1920" height="984" style="width: 1920px; height: 984px;"></canvas>
    </div>

    <div class="site-banner-main">
        <div class="site-zfj site-zfj-anim">
            <i class="layui-icon" style="color: #fff; color: rgba(255,255,255,.7);"></i>
        </div>

        <div class="layui-anim site-desc site-desc-anim">


            <div class="banner-main" th:switch="${result.code}">

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
                    <legend th:text="${result.msg}"><span id="reciprocal_date"></span></legend>
                </fieldset>

                <table th:case="200" class="layui-table" lay-even="" lay-skin="nob"
                       style="color:#ff5000;background: #eb7350">
                    <colgroup>
                        <col width="1000"/>
                        <col width="350"/>
                        <col width="350"/>
                        <col width="350"/>
                        <col width="400"/>
                    </colgroup>
                    <thead>
                    <tr th:each="temp:${result.data.qihu}">
                        <th th:text="${temp.title}">民族</th>
                        <th th:each="vaule:${temp.answers}" th:text="${vaule}"></th>

                        <!--<th th:text="${temp.answers[0]}"></th>
                        <th th:text="${temp.answers[1]}"></th>
                        <th th:text="${temp.answers[2]}"></th>-->
                        <th th:text="'建议: '+${temp.result}"></th>
                    </tr>
                    </thead>
                    <!--                    <tbody>
                                            <tr th:each="item : ${result.data.choice}">
                                                <th>选项:</th>
                                                <th th:text="${item}"></th>
                                            </tr>
                                        </tbody>-->
                </table>
                <!--<table th:case="200" style="font-size: 30px">
                    <tr >
                        <td colspan="3" th:text="'题目:' + ${result.data.quest}"></td>
                    </tr>
                    <tr>
                        <td th:text="'选项A:'+${result.data.choice[0]}"></td>
                        <td th:text="'选项B:'+${result.data.choice[1]}"></td>
                        <td th:text="'选项C:'+${result.data.choice[2]}"></td>
                    </tr>
                </table>-->
            </div>
            <div class="searchs_box">
                <form>
                    <input type="text" name="keyword" id="keyword" lay-verify="required" autocomplete="off"
                           placeholder="请输入答题的题目" class="layui-input" th:value="${result.data.qihu[1].title}"/>
                    <button class="layui-btn" lay-submit="" lay-filter="search">搜索<i class="layui-icon"></i>GO</button>
                </form>
            </div>
            <cite>所有数据均来自百度这个坑比，本作者只作收集整理，不能确保其真实性。搜索结果仅供参考。</cite>
        </div>

    </div>

</div>
<div class="layui-main">
    <div class="home-title">
        <h3><b>搜索结果(来源百度)</b></h3>
        <i class="ico-bar-horizontal"></i>
        <p>查询 120103+++答题机会ing</p>
    </div>

    <div class="layui-row">
        <div th:each="index: ${result.data.baidu}" th:class="'layui-col-xs'+12/${#maps.size(result.data.baidu)}">
            <div class="list-title" id="search-bai-du" th:text="'关键词:'+${index.key}">关键词:</div>
            <table class="layui-table" lay-skin="line">
                <colgroup>
                    <col width="450"/>
                </colgroup>
                <thead>
                <tr>
                    <th>搜索结果</th>
                </tr>
                </thead>
                <tbody id="search-bai-du-tbody">
                <tr th:each="ans:${index.value}" onclick="">
                    <td><a href="" th:utext="${ans}">等待答案</a></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>感谢以下网站对本站的支持</legend>
    </fieldset>
    <div>
        <a href="http://www.baidu.com/" class="layui-btn layui-btn-primary layui-btn-sm" target="_blank">百度</a>
        <a href="http://www.taobao.com/" class="layui-btn layui-btn-primary layui-btn-sm" target="_blank">冲顶大会</a>
        <a href="http://fly.layui.com/" class="layui-btn layui-btn-primary layui-btn-sm" target="_blank">fiddler抓包</a>
    </div>


</div>

<div class="layui-footer footer footer-index">
    <div class="layui-main">
        <p>&#169; 2018 <a href="https://gitee.com/wanter_lin">wanter</a> Copyright</p>
        <p>
            因为难受所以无聊,致力于抓取数据共享平台,让他们有钱人的运气统统加在我的身上。
            <a href="http://www.miibeian.gov.cn/" target="_blank">浙ICP备15046827号-2</a>
        </p>

    </div>
</div>


<div class="site-mobile-shade"></div>
<script src="../../js/app-show/search/three.min.js"></script>
<script src="../../js/app-show/search/projector.js"></script>
<script src="../../js/app-show/search/canvas-renderer.js"></script>
<script src="../../js/app-show/search/3d-lines-animation.js"></script>
<script src="../../js/commom/jquery-1.11.3.min.js"></script>
<script src="../../js/app-show/search/color.js"></script>
<script src="../../js/commom/layui.js"></script>
<script src="../../js/app-show/search/index.js"></script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?da2b12ad76779603fea32115ac668312";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

    function reciprocal_date() {


    }
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    /*这里设置一个计时器 来提示答题的剩余时间*/
    /*
     var now =  new Date().getTime();
     var end = now + 1000*10;//10秒后
     function reciprocal_date() {
     end = now-1000;
     alert(end-now/1000);
     }
     setInterval("reciprocal_date()",1000)*/

    /*reciprocal_date*/
</script>


</body>
</html>